<template>
	<div class="zh-video-editing">
		<nav-header>
			<template slot="menuBefore">
				<li><router-link to="/resources/video/video-list" tag="a">视频列表</router-link></li>
				<li class="gap">&gt;</li>
			</template>
			<li>视频编辑</li>
		</nav-header>
		<template>
		  <el-tabs v-model="activeIndex" @tab-click="handleClick" class="videoTab">
		    <el-tab-pane label="基本信息" name="1">
		    	<div  class="videoTab-lx">
		    		<videMsg :compParam.sync="compParam" :activeIndex.sync="activeIndex"></videMsg>
		    	</div>
		    </el-tab-pane>
		    <el-tab-pane label="看点标注" name="2">
		    	<div class="videoTab-lx">
		    		<videoMark v-if="activeIndex == '2'" :compParam.sync="compParam" :activeIndex.sync="activeIndex"></videoMark>
		    	</div>
		    </el-tab-pane>
		    <el-tab-pane label="边看边测" name="3">
		    	<div  class="videoTab-lx">
		    		<videoTest  v-if="activeIndex == '3'" :compParam.sync="compParam" :activeIndex.sync="activeIndex"></videoTest>
		    	</div>
		    </el-tab-pane>
		    <el-tab-pane label="视频切片" name="4">
		    	<div  class="videoTab-lx">
		    		<videoSlice  v-if="activeIndex == '4'" :compParam.sync="compParam" :activeIndex.sync="activeIndex"></videoSlice>
		    	</div>
		    </el-tab-pane>
		    <el-tab-pane label="片头片尾" name="5">
				<div class="videoTab-lx">
					<videoHeadTail  v-if="activeIndex == '5'" :compParam.sync="compParam" @changeIndexx="changeIndex"  :activeIndex.sync="activeIndex" ></videoHeadTail>
				</div>
		    </el-tab-pane>
		    <el-tab-pane label="附件管理" name="6">
		    	<div class="videoTab-lx">
		    		<videoEnclosure :compParam.sync="compParam" :activeIndex.sync="activeIndex"></videoEnclosure>
		    	</div>
		    </el-tab-pane>
		    <el-tab-pane label="视频整合" name="7">
		    	<div class="videoTab-lx">
		    		<videoIntegration  v-if="activeIndex == '7'" :compParam.sync="compParam" @changeIndexx="changeIndex" :activeIndex.sync="activeIndex"></videoIntegration>
		    	</div>
		    </el-tab-pane>
		  </el-tabs>
		</template>
	</div>
</template>	

<script>
	import videMsg from './video-list/videMsg'
	import videoMark  from './video-list/video-mark'
	import videoTest from './video-list/video-test'
	import videoSlice from './video-list/video-slice'
	import videoHeadTail from './video-list/video-head-tail'
	import videoEnclosure from './video-list/video-enclosure'
	import videoIntegration from './video-list/video-integration'

  	export default {
	    data() {
	      	return {
	      		activeIndex: '',
	      		compParam:{
	      			editStatus:true,//是否编辑
	      			id:  this.$route.params.id,
	      			path:'',
	      			name:'',
	      			play_url:'',//播放地址
	      			length: 0 ,//时长
	      			size:0,//大小
	      		},
	      		
	      	};
	    },
	    created(){
			this.changeIndex();
	    },
	    methods: {
	    	changeIndex(){
	    		this.activeIndex = '1';
	    	},
	    	handleClick(tab, event) {
	    	},
	    },
	    components: {
	    	videMsg,
	    	videoMark,
	    	videoTest,
	    	videoSlice,
	    	videoHeadTail,
	    	videoEnclosure,
	    	videoIntegration
	    },
  	};
</script>

<style lang="scss">
.zh-video-editing {
    .videoTab{
			.el-tabs__header{
				margin: 20px 0 40px;
			}
			.el-tabs__item.is-active{
				background: none;
				color: #409EFF;
			}
			.el-tabs__nav-wrap{
				width: 800px;
			}
	}

	.videoTab-lx{
		max-width: 800px;
	}

	.publishFrom_ad {
	    text-align: right !important;
	    margin-bottom: 30px;
	}
    .video-js{
        height: 450px;
    }
}
</style>
